﻿@page "/"
@inherits BaseComponent
@layout HomeLayout

<PageTitle>Known - 基于Blazor的企业级快速开发框架</PageTitle>

<div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative">
    <div class="container text-white h-100">
        <div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
            <div class="col pt-4 pb-4">
				<h1 class="display-4" style="font-weight:500;margin-bottom:2rem;">开源企业级开发框架</h1>
                <h5 class="font-weight-light" style="margin-bottom:10px;">基于 <strong>Blazor</strong> 技术实现，低代码，跨平台，开箱即用，一处代码，多处运行。</h5>
				<h5 class="font-weight-light" style="margin-bottom:1.5rem;">以高效、‌灵活为核心，‌重塑软件开发模式，‌助您轻松应对数字化转型挑战，‌开启业务增长新篇章。‌‌</h5>
				<a href="http://demo.known.org.cn" class="btn btn-lg btn-outline-white btn-round">开始体验</a>
				<a href="@Config.GiteeUrl" class="btn btn-success btn-round shadow-sm">
					最新版本：V@(Config.Version.FrameVersion.Replace("Known V", ""))
				</a>
            </div>
            @* <div class="col align-self-bottom align-items-right text-right h-max-380 position-relative z-index-1">
                <img src="assets/img/demo/dashb.png" class="rounded img-fluid">
            </div> *@
        </div>
    </div>
</div>
<svg style="-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);margin-top:-1px;enable-background:new 0 0 1440 126;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" xml:space="preserve">
    <path class="bg-primary" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z" />
</svg>

<div class="container pt-5 pb-5" data-aos="fade-up">
	<div class="row gap-y">
		<div class="col-md-6 col-xl-4">
			<MediaBox Style="text-info" Icon="fas fa-paper-plane" Title="快速开发">
				基于 Blazor 实现，在线表单设计，实现无代码开发增删改查导功能。
			</MediaBox>
		</div>
		<div class="col-md-6 col-xl-4">
			<MediaBox Style="text-purple" Icon="fas fa-shield-alt" Title="通用权限">
				内置通用权限模块，基于角色鉴权，URL 检查，只需专注业务功能。
			</MediaBox>
		</div>
		<div class="col-md-6 col-xl-4">
			<MediaBox Style="text-info" Icon="fas fa-layer-group" Title="最佳实践">
				低代码开发，一人多角色，需求沟通高效，进度快，成本低。
			</MediaBox>
		</div>
		<div class="col-md-6 col-xl-4">
			<MediaBox Style="text-warning" Icon="fas fa-vector-square" Title="抽象UI">
				抽象 UI 展现层，易扩展，默认支持 Ant Design Blazor 组件库。
			</MediaBox>
		</div>
		<div class="col-md-6 col-xl-4">
			<MediaBox Style="text-info" Icon="fab fa-amazon" Title="国际化">
				提供完备的国际化多语言解决方案，默认支持简体中文、繁体中文、英语。
			</MediaBox>
		</div>
		<div class="col-md-6 col-xl-4">
			<MediaBox Style="text-salmon" Icon="fab fa-slack-hash" Title="C#语言">
				全量使用 C# 语言进行全栈开发，从前端到后端只需学习一门语言。
			</MediaBox>
		</div>
	</div>
</div>

<div class="container pt-5 pb-5" data-aos="fade-up">
	@CmsUtils.GetMarkdownHtml(model?.Content)
</div>

<script>
	jQuery(document).ready(function () {
		$(window).scroll(function () {
			$('.index-nav').toggleClass('bg-white navbar-light shadow-sm scrollednav py-0', $(this).scrollTop() > 50);
		});
	});
</script>

@code {
	private ISiteService Service;
	private PostDetailInfo model;

	protected override async Task OnInitAsync()
	{
		await base.OnInitAsync();
		Service = await CreateServiceAsync<ISiteService>();
		model = await Service.GetPostAsync(ContentType.Article, "test");
	}
}